<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<ui:composition template="/templates/Plantilla.xhtml">
		<ui:define name="content">
			<h:form class="form">
				<h3>
					<h:outputText value="#{sujetoEmpresaSucursal.titulo}"></h:outputText>
				</h3>
				<p:separator />
				
				<p:messages id="messages" closable="true" />
				<p:panel rendered = "#{sujetoEmpresaSucursal.sujetoResidencial}">				         
					<table>
						<tr>
							<td>
								<h:outputText id="lblTipoCliente" value="TIPO DE CLIENTE: *" class="negrita" />
							</td>
							<td>
								<p:selectOneMenu value="#{sujetoEmpresaSucursal.sujeto.tipoCliente.tipoClienteId}"
									effect="fade" required="true" label="Tipo de Cliente">
									<f:selectItems value="#{selectOneMany.tiposDeClientes()}"
										var="tipoCliente" itemLabel="#{tipoCliente.nombre}"
										itemValue="#{tipoCliente.tipoClienteId}"></f:selectItems>
								</p:selectOneMenu>	
							</td>
						</tr>
					</table>
				</p:panel>
				<p:panel>
					<h:outputText value="DATOS DEL RESPONSABLE DE LA SUCURSAL"
						class="negrita" />
					<p:separator />
					<table style="width: 100%;">
						<tr style="width: 80%;">
							<td><h:outputText id="lblNombre" value="Nombre: *"
									class="negrita" />
							</td>
							<td><p:inputText id="inputNombre"
									value="#{sujetoEmpresaSucursal.sucursal.nombre}"
									required="true" label="Nombre" style="width: 80%;" /></td>
							<td><h:outputText id="lblApellido" value="Apellido: *"
									class="negrita" />
							</td>
							<td><p:inputText id="inputApellido"
									value="#{sujetoEmpresaSucursal.sucursal.apellido}"
									label="Apellido" required="true" style="width: 80%;" /></td>
							<td><h:outputText id="lblApodo" value="Apodo/Alias:"
									class="negrita" />
							</td>
							<td><p:inputText id="inputApodo"
									value="#{sujetoEmpresaSucursal.sucursal.alias}"
									style="width: 60%;" />
							</td>
						</tr>
					</table>
				</p:panel>
				<br></br>
				<p:panel>
					<h:outputText value="DOMICILIO DE LA SUCURSAL" class="negrita" />
					<p:separator />
					<table>
						<tr>
							<td><h:outputText id="lblBarrio" value="Barrio: *"
									class="negrita" />
							</td>
							<td><p:inputText id="inputBarrio"
									value="#{sujetoEmpresaSucursal.sucursal.barrio}"
									required="true" label="Barrio" /></td>
						</tr>
						<tr>
							<td><h:outputText id="lblCalle" value="Calle: *"
									class="negrita" />
							</td>
							<td><p:inputText id="inputCalle"
									value="#{sujetoEmpresaSucursal.sucursal.calle}" required="true"
									label="Calle" /></td>
							<td><h:outputText id="lblNumero" value="Nº: *"
									class="negrita" />
							</td>
							<td><p:inputText id="inputNumero"
									value="#{sujetoEmpresaSucursal.sucursal.numero}"
									required="true" label="Numero" /></td>
						</tr>
						<tr>
							<td><h:outputText id="lblPiso" value="Piso:" class="negrita" />
							</td>
							<td><p:inputText id="inputPiso"
									value="#{sujetoEmpresaSucursal.sucursal.piso}" />
							</td>
							<td><h:outputText id="lblDpto" value="Dpto:" class="negrita" />
							</td>
							<td><p:inputText id="inputDpto"
									value="#{sujetoEmpresaSucursal.sucursal.departamento}" />
							</td>
							<td><h:outputText id="lblMza" value="Mza:" class="negrita" />
							</td>
							<td><p:inputText id="inputMza"
									value="#{sujetoEmpresaSucursal.sucursal.manzana}" />
							</td>
							<td><h:outputText id="lblLte" value="Lote:" class="negrita" />
							</td>
							<td><p:inputText id="inputLte"
									value="#{sujetoEmpresaSucursal.sucursal.lote}" />
							</td>
						</tr>
						<tr>
							<td><h:outputText id="lblObservacion" value="Observacion:"
									class="negrita" />
							</td>
							<td colspan="7"><p:inputTextarea rows="3" cols="100"
									counter="counterObservacion" maxlength="250"
									counterTemplate="{0} caracteres restante..."
									value="#{sujetoEmpresaSucursal.sucursal.observacion}" />
								<h:outputText /></td>
						</tr>
						<tr>
							<td></td>
							<td><h:outputText id="counterObservacion" />
							</td>
						</tr>
					</table>
				</p:panel>
				<br></br>
				<p:panel>
					<h:outputText value="DATOS DE CONTACTO DE LA SUCURSAL"
						class="negrita" />
					<p:separator />
					<table>
						<tr>
							<td><h:outputText id="lblTelefono" value="Telefono:* "
									required="true" class="negrita" />
							</td>
							<td><p:inputText id="inputTelefono"
									value="#{sujetoEmpresaSucursal.sucursal.telefonoFijo}" />
							</td>
							<td><h:outputText id="lblInterno" value="Interno: "
									class="negrita" />
							</td>
							<td><p:inputText id="inputInterno"
									value="#{sujetoEmpresaSucursal.sucursal.interno}" />
							</td>
							<td><h:outputText id="lblCelular" value="Celular: "
									class="negrita" />
							</td>
							<td><p:inputText id="inputCelular"
									value="#{sujetoEmpresaSucursal.sucursal.telefonoMovil}" />
							</td>
						</tr>
						<tr>
							<td><h:outputText id="lblEmail" value="Correo Electronico:"
									class="negrita" />
							</td>
							<td colspan="5"><p:inputText id="inputEmail"
									value="#{sujetoEmpresaSucursal.sucursal.email}"
									style="width: 80%;" /></td>
						</tr>
					</table>
				</p:panel>
				<br></br>
				<p:panel style="text-align: center">

					<p:commandButton value="Guardar"
						action="#{sujetoEmpresaSucursal.guardarSucursal(sujetoEmpresaSucursal.sucursal)}"
						ajax="false" title="Guardar Sucursal" />
					
					<p:commandButton value = "Salir" ajax = "false" title = "Salir"
						immediate="true" action = "#{sujetoEmpresaSucursal.btnCancelar()}"
						/>
				</p:panel>
			</h:form>
		</ui:define>
	</ui:composition>

</h:body>
</html>